interface LoadingProps {
  show?: boolean;
}

function Loading({ show = true }: LoadingProps) {
  if (!show) return null;
  return (
    <div className="fixed inset-0 flex justify-center items-center overflow-hidden z-50">
      <div className="relative">
        <div className="w-16 h-16 border-4 border-transparent border-t-blue-400 border-b-purple-400 rounded-full animate-spin"></div>
        <div className="absolute top-4 left-4 w-8 h-8 bg-gradient-to-b from-blue-200 to-purple-200  rounded-full"></div>
      </div>
    </div>
  )
}

export default Loading;